body.theme-ocean-breeze {
    background: linear-gradient(135deg, #e0f7fa, #b2ebf2);
    color: #004d40;
}

.theme-ocean-breeze .container {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #00acc1;
    box-shadow: 0 0 10px rgba(0, 172, 194, 0.5);
}

.theme-ocean-breeze h1 {
    color: #006064;
    text-shadow: 0 0 5px rgba(0, 172, 194, 0.5);
}

.theme-ocean-breeze label {
    color: #006064;
}

.theme-ocean-breeze select,
.theme-ocean-breeze input,
.theme-ocean-breeze button:not(.theme-toggle button) {
    background: rgba(240, 255, 255, 0.9);
    border-color: #00acc1;
    color: #004d40;
}

.theme-ocean-breeze th {
    background: #00acc1;
    color: #ffffff;
    border-bottom-color: #00838f;
}

.theme-ocean-breeze td {
    border-bottom-color: rgba(0, 172, 194, 0.2);
}

.theme-ocean-breeze tr:hover {
    background: rgba(0, 172, 194, 0.1);
}

.theme-ocean-breeze button {
    background: #00acc1;
    color: white;
    border: 2px solid;
}

.theme-ocean-breeze button:hover {
    background: #00838f;
}

.theme-ocean-breeze .theme-toggle button {
    background: rgba(0, 172, 194, 0.3);
}

.theme-ocean-breeze .theme-toggle button:hover {
    background: rgba(0, 172, 194, 0.6);
}

.theme-ocean-breeze .nav-item {
    border: 2px solid #00acc1;
    color: #006064;
}